<%--
  Created by IntelliJ IDEA.
  User: isoft-work 5
  Date: 11/17/14
  Time: 3:38 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html version="HTML+RDFa 1.1" lang="vi">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Thời trang nữ</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <%--<script src="thoitrangnam_files/gtm.js" async></script>--%>
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-core-v689be425ff7f.css" media="all">
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-main-vf851e27a244c.css" media="all">
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-checkout-v237cfa93d7c6.css" media="all">


  <script src="<%=request.getContextPath()%>/library/jquery-1.9.1.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/jquery-ui/jquery-ui.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/handlebar/handlebars.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/wrapper.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/template/payment-template.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/user-payment.js" type="text/javascript"></script>

</head>

<div id="page" class="l-page">
  <%@include file="../iframe/header-product.jsp" %>
</div>
<div id="modal-popup"></div>
<form id="payment_form" method="post" action="<%=request.getContextPath()%>/service/payment/checkOut"></form>
<div role="main" id="main">
  <div class="l-pageWrapper">
    <div class="l-main">
      <div class="box mtm">
        <div id="checkout-form-container">
          <form>
            <input name="send" value="1" type="hidden">
            <input value="1337f8a3c1439fff7f73eb3f2c7923b8e145024a" name="YII_CSRF_TOKEN" id="YII_CSRF_TOKEN" type="hidden">
            <div id="checkout" class="l-row">
              <div id="checkoutError" class="s-error msgBox mbs pas display-none"></div>
            </div>
            <div class="line checkout">
              <div class="unit vTop checkoutCol1 mrm">
                <div class="box mrs">
                  <div class="checkout__title fsxl timba">Thông tin khách hàng</div>
                  <div class="box white-box l-checkout__col1">
                    <input id="loggedInCustomer" name="loggedInCustomer" value="1" type="hidden">
                    <fieldset id="checkout-address" class="ui-fieldset">
                      <div class="checkout__sectionTitle txtUpper plml box">Thông tin xuất hóa đơn</div>
                      <div class="pam">
                        <div id="payment_form_email" class="ui-formRow fsm"><p>E-Mail:<span class="txtGray mls">tuanfull@gmail.com</span></p>
                        </div>
                        <div class="ui-formRow" id="checkout-name">
                          <div class="col1">
                            <label for="payment_form_last_name" class="required">Họ <span class="required">*</span></label>
                            <div class="collection" id="last-name">
                              <input class="ui-inputText" name="BillingAddressForm[last_name]" id="payment_form_last_name" value="Hàn" type="text">                    </div>
                          </div>
                          <div class="col2">
                            <label for="payment_form_first_name" class="required">Tên <span class="required">*</span></label>
                            <div class="collection" id="first-name">
                              <input class="ui-inputText checkoutFirstName" name="BillingAddressForm[first_name]" id="payment_form_first_name" value="Tuấn" type="text">                    </div>
                          </div>
                        </div>
                        <div class="ui-formRow">
                          <label for="payment_form_phone" class="required">Số điện thoại <span class="required">*</span></label>      <div class="collection" id="cell-phone">
                          <input class="ui-inputText" id="payment_form_phone" placeholder="Hãy nhập vào số điện thoại di động" name="BillingAddressForm[phone]" type="text" maxlength="11">                <input id="phone_prefix" name="phone_prefix" value="090,091,092,093,094,095,096,097,098,0120,0121,0122,0123,0124,0125,0126,0127,0128,0129,0163,0164,0165,0166,0167,0168,0169,0186,0188,0199,0162,099" type="hidden">
                          <input id="phone_len" name="phone_len" value="7" type="hidden">
                        </div>
                        </div>
                        <div class="ui-formRow">
                          <div class="col1" id="birthday">
                            <label>Ngày sinh</label>
                            <div class="collection">
                              <select maxlength="2" class="checkoutBirthDay" name="BillingAddressForm[birthday_day]" id="payment_form_day">
                                <option value="">DD</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22" selected="selected">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                              </select>    <select maxlength="2" class="checkoutBirthMonth" name="BillingAddressForm[birthday_month]" id="payment_form_month">
                              <option value="">MM</option>
                              <option value="01">01</option>
                              <option value="02">02</option>
                              <option value="03">03</option>
                              <option value="04">04</option>
                              <option value="05" selected="selected">05</option>
                              <option value="06">06</option>
                              <option value="07">07</option>
                              <option value="08">08</option>
                              <option value="09">09</option>
                              <option value="10">10</option>
                              <option value="11">11</option>
                              <option value="12">12</option>
                            </select>    <select maxlength="2" class="checkoutBirthYear" name="BillingAddressForm[birthday_year]" id="payment_form_year">
                              <option value="">YYYY</option>
                              <option value="2014">2014</option>
                              <option value="2013">2013</option>
                              <option value="2012">2012</option>
                              <option value="2011">2011</option>
                              <option value="2010">2010</option>
                              <option value="2009">2009</option>
                              <option value="2008">2008</option>
                              <option value="2007">2007</option>
                              <option value="2006">2006</option>
                              <option value="2005">2005</option>
                              <option value="2004">2004</option>
                              <option value="2003">2003</option>
                              <option value="2002">2002</option>
                              <option value="2001">2001</option>
                              <option value="2000">2000</option>
                              <option value="1999">1999</option>
                              <option value="1998">1998</option>
                              <option value="1997">1997</option>
                              <option value="1996">1996</option>
                              <option value="1995">1995</option>
                              <option value="1994">1994</option>
                              <option value="1993">1993</option>
                              <option value="1992" selected="selected">1992</option>
                              <option value="1991">1991</option>
                              <option value="1990">1990</option>
                              <option value="1989">1989</option>
                              <option value="1988">1988</option>
                              <option value="1987">1987</option>
                              <option value="1986">1986</option>
                              <option value="1985">1985</option>
                              <option value="1984">1984</option>
                              <option value="1983">1983</option>
                              <option value="1982">1982</option>
                              <option value="1981">1981</option>
                              <option value="1980">1980</option>
                              <option value="1979">1979</option>
                              <option value="1978">1978</option>
                              <option value="1977">1977</option>
                              <option value="1976">1976</option>
                              <option value="1975">1975</option>
                              <option value="1974">1974</option>
                              <option value="1973">1973</option>
                              <option value="1972">1972</option>
                              <option value="1971">1971</option>
                              <option value="1970">1970</option>
                              <option value="1969">1969</option>
                              <option value="1968">1968</option>
                              <option value="1967">1967</option>
                              <option value="1966">1966</option>
                              <option value="1965">1965</option>
                              <option value="1964">1964</option>
                              <option value="1963">1963</option>
                              <option value="1962">1962</option>
                              <option value="1961">1961</option>
                              <option value="1960">1960</option>
                              <option value="1959">1959</option>
                              <option value="1958">1958</option>
                              <option value="1957">1957</option>
                              <option value="1956">1956</option>
                              <option value="1955">1955</option>
                              <option value="1954">1954</option>
                              <option value="1953">1953</option>
                              <option value="1952">1952</option>
                              <option value="1951">1951</option>
                              <option value="1950">1950</option>
                              <option value="1949">1949</option>
                              <option value="1948">1948</option>
                              <option value="1947">1947</option>
                              <option value="1946">1946</option>
                              <option value="1945">1945</option>
                              <option value="1944">1944</option>
                              <option value="1943">1943</option>
                              <option value="1942">1942</option>
                              <option value="1941">1941</option>
                              <option value="1940">1940</option>
                              <option value="1939">1939</option>
                              <option value="1938">1938</option>
                              <option value="1937">1937</option>
                              <option value="1936">1936</option>
                              <option value="1935">1935</option>
                              <option value="1934">1934</option>
                              <option value="1933">1933</option>
                              <option value="1932">1932</option>
                              <option value="1931">1931</option>
                              <option value="1930">1930</option>
                              <option value="1929">1929</option>
                              <option value="1928">1928</option>
                              <option value="1927">1927</option>
                              <option value="1926">1926</option>
                              <option value="1925">1925</option>
                              <option value="1924">1924</option>
                              <option value="1923">1923</option>
                              <option value="1922">1922</option>
                              <option value="1921">1921</option>
                              <option value="1920">1920</option>
                              <option value="1919">1919</option>
                              <option value="1918">1918</option>
                              <option value="1917">1917</option>
                              <option value="1916">1916</option>
                              <option value="1915">1915</option>
                              <option value="1914">1914</option>
                              <option value="1913">1913</option>
                              <option value="1912">1912</option>
                              <option value="1911">1911</option>
                              <option value="1910">1910</option>
                              <option value="1909">1909</option>
                              <option value="1908">1908</option>
                              <option value="1907">1907</option>
                              <option value="1906">1906</option>
                              <option value="1905">1905</option>
                            </select>    <div class="l-row fss">
                              <span class="l-cell labelCheckoutBirthDay ui-inlineBlock">Ngày</span>
                              <span class="l-cell labelCheckoutBirthMonth ui-inlineBlock">Tháng</span>
                              <span class="l-cell labelCheckoutBirthYear">Năm</span>
                            </div>
                            </div>
                          </div>

                          <div class="col2">
                            <label for="payment_form_gender">Giới tính</label>
                            <div class="collection" id="gender_select">
                              <select name="BillingAddressForm[gender]" id="payment_form_gender">
                                <option value="">Chọn</option>
                                <option value="NAM" selected="selected">Nam</option>
                                <option value="NỮ">Nữ</option>
                              </select>                    </div>
                          </div>
                        </div>
                        <div class="ui-formRow">
                          <label for="payment_form_address" class="required">Địa chỉ (Số nhà, đường) <span class="required">*</span></label>    <div class="collection" id="address-1">
                          <input class="ui-inputText" placeholder="Ví dụ: 12 Tôn Đản" name="BillingAddressForm[address1]" id="payment_form_address" type="text">            </div>
                        </div>
                        <input value="239" name="BillingAddressForm[fk_country]" id="BillingAddressForm_fk_country" type="hidden"><input name="BillingAddressForm[id_customer_address]" id="BillingAddressForm_id_customer_address" type="hidden"></div>            </fieldset>
                    <div class="mam">
                      <h3 class="h4 mls mbm ui-borderBottom pbs mtl">Thông tin giao hàng</h3>
                      <div class="shipping-option">
                        <fieldset class="ui-fieldset mtm mlm">
                          <div class="icon i-checkoutShipping">
                            <input id="SameAddress" value="SameAddress" class="ui-inputCheckbox SameAddress" checked="checked" name="shippingOption" type="radio">
                            <label id="SameAddressLabel" for="SameAddress" class="inline shippingOption">Giao hàng tới địa chỉ trên hóa đơn</label>
                          </div>
                        </fieldset>
                        <div class="shipping-address-same mls mts payment-disabled-msg display-none">
                          Update CMS key 'sameaddress_inactive'.    <div class="arrow"></div>
                        </div>
                        <fieldset class="ui-fieldset mtm mlm">
                          <div class="icon i-checkoutShipping">
                            <input id="DifferentAddress" value="DifferentAddress" class="ui-inputCheckbox DifferentAddress" name="shippingOption" type="radio">
                            <label id="DifferentAddressLabel" for="DifferentAddress" class="inline shippingOption">
                              Giao hàng tới địa chỉ khác            </label>
                          </div>
                        </fieldset>
                        <div class="shipping-address-different mls mts payment-disabled-msg display-none">
                          Update CMS key 'differentaddress_inactive'.    <div class="arrow"></div>
                        </div>
                      </div>
                      <fieldset id="checkout-shipping" class="ui-fieldset mtm ">
                        <div id="checkout-shipping-content" style="display: none;"><div class="ui-formRow">
                          <div class="col1" id="mf314">
                            <label for="ShippingAddressForm_last_name" class="required" id="mf315">Họ <span class="required" id="mf316">*</span></label>
                            <div class="collection" id="mf317">
                            <input class="ui-inputText" name="ShippingAddressForm[last_name]" id="ShippingAddressForm_last_name" type="text">
                            </div>
                          </div>
                          <div class="col2" id="mf318">
                            <label for="ShippingAddressForm_first_name" class="required" id="mf319">Tên <span class="required" id="mf320">*</span></label>
                            <div class="collection" id="mf321">
                            <input class="ui-inputText" name="ShippingAddressForm[first_name]" id="ShippingAddressForm_first_name" type="text">
                            </div>
                          </div>
                        </div>
                          <div class="ui-formRow">
                            <label for="ShippingAddressForm_phone" class="required" id="mf323">Số điện thoại <span class="required" id="mf324">*</span></label>
                            <div class="collection" id="mf325">
                            <input class="ui-inputText" id="ShippingAddressForm_phone" name="ShippingAddressForm[phone]" type="text" maxlength="11">
                          </div>
                          </div>
                          <div class="ui-formRow" id="mf326">
                            <label for="ShippingAddressForm_address1" class="required" id="mf327">Địa chỉ (Số nhà, đường) <span class="required" id="mf328">*</span></label>    <div class="collection" id="checkout-street-address">
                            <input class="ui-inputText" name="ShippingAddressForm[address1]" id="ShippingAddressForm_address1" type="text">            </div>
                          </div>
                        </div>
                      </fieldset>
                      <fieldset class="mtl ui-fieldset">
                        <div class="h4 mbm ui-borderBottom pbs ui-formHeader">Ghi Chú</div>
                        <div class="ui-formRow fsm">
                          <div class="cocollectionl1 pts"><textarea class="ui-inputText" placeholder="Nếu bạn có yêu cầu đặc biệt, hãy điền vào này" name="SalesOrderForm[note]" id="SalesOrderForm_note"></textarea></div>
                        </div>
                          <fieldset>
                            <div class="col1 mtm mlm">
                              <div class="rfloat mtm">
                                <span class="requiredInfo mvm">* Mục bắt buộc</span>
                              </div>
                            </div>
                          </fieldset>
                      </fieldset>
                    </div>
                  </div>
                </div>
              </div>

              <div class="unit vTop checkoutCol2 mrm">
                <div class="box mrs">
                  <div class="checkout__title fsxl">Phương pháp thanh toán</div>
                  <div class="box white-box l-checkout__col2">
                    <fieldset class="ui-fieldset">
                      <div id="PaymentMethodError" class="s-error msgBox display-none"></div>
                      <div id="checkout-payment">
                        <input name="PaymentMethod[empty]" value="1" type="hidden">


                        <div id="payment-tool-tip-recurring" class="checkout-tool-tip display-none">
                          <div class="btn-close">
                            <a id="payment-tool-tip-close-recurring" href=""><img alt="" src="../../images/product/pay/btn_window_close.gif"></a>
                          </div>
                          <div class="block-content"><img alt="" src="../../images/product/pay/cvv_vnfas.jpg"></div>
                        </div>

                        <div class="ui-formRow payment-method ui-borderBottom ">
                          <div class="collection payment-disabled">
                            <div class="radio">
                              <input id="payment_form_order" value="CashOnDelivery" class="payment-method-option ui-inputRadio lfloat codbased" name="PaymentMethodForm[payment_method]" type="radio" checked="checked">
                              <label for="payment_form_order" class="codbasedlabel display-inline gray rule-disabled">
                              <span>THANH TOÁN KHI NHẬN HÀNG</span>

                            </label>
                            </div>
                          </div>
                          <div style="display: none;" class="payment-disabled-msg display-none">
                            Xin quý khách vui lòng chọn hình thức thanh toán khác.
                            Phương thức thanh toán khi giao hàng không được áp dụng tại thành
                            phố/tỉnh quý khách đã chọn.        <div class="arrow"></div>
                          </div>
                          <div class="ui-formRow payment-method-form payment-method-cod display-none">

                            <div id="cod-normaltext">
                              Quý khách sẽ thanh toán trực tiếp với nhân viên của chúng tôi bằng tiền mặt tại địa chỉ giao hàng.
                            </div>
                            <div id="cod-creditcardtext">Quý khách sẽ thanh toán trực tiếp với nhân viên của chúng tôi bằng tiền mặt tại địa chỉ giao hàng.</div>

                          </div>
                        </div><div class="payment-method ui-borderBottom">
                        <div class="collection box">
                          <div class="radio">
                            <label class="cybersource_creditcard" for="payment_form_baokim">
                              <a ><img src="http://www.baokim.vn/developers/uploads/baokim_btn/thanhtoanantoan-m.png" alt="Thanh toán an toàn với Bảo Kim !" border="0" title="Thanh toán trực tuyến an toàn dùng tài khoản Ngân hàng (VietcomBank, TechcomBank, Đông Á, VietinBank, Quân Đội, VIB, SHB,... và thẻ Quốc tế (Visa, Master Card...) qua Cổng thanh toán trực tuyến BảoKim.vn" ></a>
                              <input id="payment_form_baokim" class="payment-method-option ui-inputRadio lfloat" value="Cybersource_CreditCard" name="PaymentMethodForm[payment_method]" type="radio">
                            </label>
                          </div>
                        </div>
                        <%--<div class="collection box">--%>
                          <%--<div class="radio">--%>
                            <%--<label class="cybersource_creditcard" for="payment_form_nganluong">--%>
                              <%--<a ><img src="https://www.nganluong.vn/data/images/buttons/11.gif"  border="0" /></a>--%>
                              <%--<input id="payment_form_nganluong" class="payment-method-option ui-inputRadio lfloat" value="Cybersource_CreditCard" name="PaymentMethodForm[payment_method]" type="radio">--%>
                            <%--</label>--%>
                          <%--</div>--%>
                        <%--</div>--%>
                        <div class="collection box">
                          <div class="radio">
                            <label class="cybersource_creditcard" for="payment_form_paypal">
                                <image  src='https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif' border='0' align='top' alt='Check out with PayPal'/>
                              <input id="payment_form_paypal" class="payment-method-option ui-inputRadio lfloat" value="Cybersource_CreditCard" name="PaymentMethodForm[payment_method]" type="radio">
                            </label>
                          </div>
                        </div>
                      </div>


                        <div id="payment-tool-tip" class="checkout-tool-tip display-none">
                          <div class="btn-close"><a id="payment-tool-tip-close" href=""><img alt="" src="../../images/product/pay/btn_window_close.gif"></a></div>
                          <div class="block-content"><img alt="" src="../../images/product/pay/cvv_vnfas.jpg"></div>
                        </div>

                      </div>
                    </fieldset>
                  </div>
                </div>
                <div id="box_shipping" class="box mrs mtm">
                  <div class="box-hd">
                    <h2 class="h2">3. Dịch vụ vận chuyển</h2>
                  </div>
                  <div class="box-bd box-bdr ui-bgLightGrey pal">
                    <input name="ShippingMethod[empty]" value="1" type="hidden">

                    <div class="shipping-method">
                      <div class="collection h4 pbs">
                        <input id="free" class="shipping-method-option ui-inputRadio lfloat" value="" checked="checked" name="ShippingMethodForm[shipping_method]" type="radio">        <label for="free">Miễn phí vận chuyển</label>
                      </div>
                    </div>
                    <div class="shipping-method">
                      <div class="collection h4 pbs">
                        <input id="express" class="shipping-method-option ui-inputRadio lfloat" value="express" name="ShippingMethodForm[shipping_method]" type="radio">        <label for="express">Express Shipping</label>
                      </div>
                    </div>        </div>
                </div>
              </div>
              <div class="unit lastUnit vTop checkoutCol3">
                <div class="box">
                  <div class="checkout__title fsxl">
                    <div class="lfloat lml">Đơn hàng</div>
                    <button style="opacity: 1;" id="checkoutBtnTop" class="rfloat btn btn-dark checkout__submitBtn checkout__submitBtn--top sel-checkout-send" type="button">
                      Hoàn tất mua hàng                    </button>
                  </div>
                  <div class="box white-box l-checkout__col3">
                    <fieldset class="ui-fieldset">
                      <div id="checkoutGrandTotal">

                      </div>
                    </fieldset>
                  </div>
                  <div class="pll ptl">
                    <button style="opacity: 1;" id="checkoutBtn" class="rfloat btn btn-dark checkout__submitBtn sel-checkout-send" type="button">
                      <span>Hoàn tất mua hàng</span>
                    </button>
                  </div>
                </div></div>
            </div>
          </form>

        </div>
      </div>
    </div>
  </div>

  <div id="dialogProcessing" class="ui-dialog ui-dialogProcessing display-none">
    <div class="container">
      <p id="dialogProcessingInfo1" class="pbm"><strong>Xin hãy đợi, đang xử lí đơn đặt hàng…</strong></p>
      <p id="dialogProcessingInfo2" class="pvm display-none">Kính thưa
        quý khách, xin hãy đợi đến khi đơn đặt hàng được xác minh. Trong vài
        trường hợp, quá trình này có thể diễn ra trong khoảng 1 phút. Xin đừng
        chọn nút 'Hủy' hoặc 'Tải lại' trong quá trình này.</p>
      <img src="user-pay_files/processing-order-ani.gif">
    </div>
  </div>
</div>

<footer id="footer" class="ptl mtl">
  <%@include file="../../jsp/iframe/footer.jsp" %>
</footer>
<%@include file="../../jsp/iframe/popup-check-bill.jsp" %>
</html>
